<template>
  <div class="children">
    儿子组件 children 中又引入了孙子组件 my-grandson 


    <ul v-for="item in fourClassic" :key="item.id">
      <li>{{item.id}}----{{item.book}}-----{{item.writer}}</li>
    </ul>

    <p>这是个父组件的字符串类型的数据：{{cuihua}}</p>

    <p>这是父组件的计算属性：{{computed}}</p>
    <my-grandson></my-grandson>
  </div>
</template>

<script>
import MyGrandson from '@/components/MyGrandson.vue'
export default {
  components:{
    MyGrandson
  },
  props:['cuihua','fourClassic','computed'],
}
</script>

<style lang="less" scoped>
.children{
  ul{
    li{
      text-align: left;
    }
  }
}
</style>